*{margin:0; padding:0; list-style: none;}
body {font-family:-apple-system, "Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", SimSun, sans-serif; font-size:16px;color:#222;}
/* 清理浮动 */
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix {zoom:1;}
.pagewidth{ width: 1560px; margin:0 auto;}
a{ text-decoration: none; transition-duration: 0.1s;}
a:hover{  text-decoration: none;}
html,body{height: 100%;}
.hide{display:none;}
img{ border:none;}
body{
    --color:#433081;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: url('../font/BarlowCondensed-SemiBold.eot');
    src: url('../font/BarlowCondensed-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../font/BarlowCondensed-SemiBold.woff2') format('woff2'),
        url('../font/BarlowCondensed-SemiBold.woff') format('woff'),
        url('../font/BarlowCondensed-SemiBold.ttf') format('truetype'),
        url('../font/BarlowCondensed-SemiBold.svg#BarlowCondensed-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}



.inner {width: 24px;height: 16px;position: absolute;top: 8px;right:10px;display:none; }
.inner .icon-bar {width: 100%;height: 2px;position: absolute;left: 0;background: #fff;-webkit-transition: all 0.3s;transition: all 0.3s;}
.inner .icon-bar.top {top: 0;}
.inner .icon-bar.middle {top: 50%;margin-top: -1px;}
.inner .icon-bar.bottom {bottom: 0;}
.bgwhite .inner .icon-bar {background:var(--color);}
.main_nav {display: table;width: 50%;height: 100%;position: fixed;top: 0;right: -50%;bottom: 0;background: #ffffff;z-index: 3200;-webkit-transition: all 0.4s cubic-bezier(0.63, 0.35, 0.1, 0.95);transition: all 0.4s cubic-bezier(0.63, 0.35, 0.1, 0.95);}
.main_nav .close_nav {width: 20px;height: 20px;position: absolute;  top: 25px;  right: 25px;cursor: pointer;}
.main_nav .close_nav:before,
.main_nav .close_nav:after {content: '';width: 100%;height: 1px;background: #111111;position: absolute;top: 50%;left: 0;margin-top: -1px;-webkit-transition: all 0.3s 0.3s;transition: all 0.3s 0.3s;}
.main_nav .close_nav:before {-webkit-transform: rotate(0);transform: rotate(0);}
.main_nav .close_nav:after {-webkit-transform: rotate(0);transform: rotate(0);}
.main_nav.open {right: 0;}
.main_nav.open .close_nav:before {-webkit-transform: rotate(45deg);transform: rotate(45deg);transition-delay: 0;}
.main_nav.open .close_nav:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);transition-delay: 0;}
.main_nav .menu {display: table-cell;vertical-align: middle;text-align: left;}
.main_nav .menu li {display: block;position: relative;border-bottom: #ececec solid 1px;line-height: 40px;padding-left: 30px;}
.main_nav .menu li:not(:last-child) {margin-bottom: 5px;}
.main_nav .menu li.animated {left: 25px;opacity: 0;-webkit-transition: all 0.3s;transition: all 0.3s;}
.main_nav .menu li.animated.show {left: 0;opacity: 1;}
.main_nav .menu li a {display: block;font-size: 16px;font-weight: 700;color: #111111;}
.main_nav .menu li a.active {color: var(--color);}
.main_nav .menu li ul {display: none;max-width: 80%;margin: 10px auto;}
.main_nav .menu li ul li {display:block;position: relative;}
.main_nav .menu li ul li a {font-size: 14px;font-weight: normal;color: rgba(17, 17, 17, 0.6);padding: 0 5px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.main_nav .menu li ul li a.active,
.main_nav .menu li ul li a:hover {color: #111111;}
.main_nav .menu li ul li a.active {font-weight: bold;}
.main_overlay {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 99;background: rgba(17, 17, 17, 0.9);opacity: 0;visibility: hidden;cursor: pointer;-webkit-transition: all 0.4s cubic-bezier(0.63, 0.35, 0.1, 0.95);transition: all 0.4s cubic-bezier(0.63, 0.35, 0.1, 0.95);}
.main_overlay.open {opacity: 1;visibility: visible;}


.m_r_show{ position:absolute; right:15px; top:18px;display:none; }
.m_r_show img{width: 24px;display: block;}
.m_r_showindex{top:8px; display: none;}
.m_menu_box {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: -100%;
    background: rgba(0, 0, 0, .6);
    z-index: 10;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    opacity: 0;
    visibility: hidden;
    overflow: auto;
    padding-top: 60px;
  }

  .menu_head {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    height: 60px;
    line-height: 60px;
    box-sizing: border-box;
    background: #fff;
    z-index: 5;
  }

  .close_nav {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .close_nav img {
    display: inline-block;
    width: 24px;
    height: 24px;
  }

  .menu_head a {
    display: inline-block;
    height: 40px;
  }

  .menu_head a img {
   height: 40px;
  }

  .m_nav_box {
    width: 100%;
    padding-left: 33%;
    box-sizing: border-box;
    height: 100%;
    position: relative;
  }

  .hide_m_nav {
    width: 33%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0);
  }

  .m_nav_ul {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 100%;
    list-style: none;
    background: #fff;
  }

  .m_nav_ul li {
    display: inline-block;
    width: 100%;
    /* line-height: 52px; */
    border-bottom: 1px solid #ececec;
  }

  .m_nav_ul li.active a {
    color: #0090D8;
  }

  .m_nav_ul li a {
    display:block;
    padding-left: 20px;
    line-height: 52px;
    font-size: 14px;
    color: #333;
  }

  .m_nav_ul li.m_nav_ul_p {
    padding: 0;
  }

  .m_nav_ul li.m_nav_ul_p .parent_a {
  }

  .m_nav_ul_p .parent_a {
    position: relative;
  }

  .m_nav_ul_p.show_nav .m_nav_div {
    display: inline-block;
  }

  .m_nav_ul_p .parent_a::after {
    content: '';
    width: 12px;
    height: 12px;
    background: url(../images/nav_arrow.png) no-repeat;
    background-size: 100% auto;
    background-position: center center;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -4px;
  }

  .m_nav_ul_p.show_nav .parent_a::after {
    content: '';
    width: 12px;
    height: 12px;
    background: url(../images/nav_arrow_b.png) no-repeat;
    background-size: 100% auto;
    background-position: center center;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -4px;
  }


  .m_nav_div {

    width: 100%;
    display: none;
    background: #F7F7F7;
  }

  .m_nav_div div a {
    line-height: 46px; text-indent: 2em;
    color: #666;
    font-size: 12px;
    border-top: 1px solid #ececec;
  }

  .m_nav_div div:nth-child(1) a {
    border: none;
  }

  .jump_sub_m a {
    position: relative;
  }

  .jump_sub_m a::after {
    content: '';
    width: 12px;
    height: 12px;
    background: url(../images/nav_arrow.png) no-repeat;
    background-size: 100% auto;
    background-position: center center;
    position: absolute;
    right: 6px;
    top: 50%;
    margin-top: -4px;

  }

  .m_nav_sub {
    display: none;
  }


.page { text-align:center; padding:0px 0px; }
.page a{ border:#ececec solid 1px; height: 32px;line-height: 32px; display: inline-block; padding-left: 12px; border-radius: 3px; padding-right: 12px; background: #fff; margin-left: 3px; margin-right: 3px; color: #666; font-size: 14px; display: inline-block; transition-duration: 0.3s; /*box-shadow: 0px 5px 5px rgba(0,0,0,0.0)*/ }
.page a:hover{height: 32px; line-height: 32px; padding-left: 12px; padding-right: 12px; background: #fff; color: #555; font-size: 14px; display: inline-block; /*box-shadow: 0px 5px 5px rgba(0,0,0,0.05);*/transform: translateY(-2px)  }
.page a.active{ background:var(--color); color: #fff; cursor:not-allowed; }



.indexheader{ position: fixed; z-index: 11; left: 30px; top: 30px; right: 30px;}
.indexheader .logo{ float:left;padding-left: 20px;}
.indexheader .logo img{height: 60px;}
.indexheader .menu{ float:right;padding-right: 20px;}
.indexheader .menu ul{display: flex; justify-content: space-between;}
.indexheader .menu ul li{ line-height:60px;padding-left:30px; padding-right:30px; }
.indexheader .menu ul li a{color: #fff;font-size: 16px;}

.header{ position: fixed; z-index: 999; left: 0px; top:0px; right: 0px;background: #ffff;height: 90px;box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);}
.header .logo{ float:left;padding-left: 40px;padding-top: 15px;}
.header .logo img{height: 60px;}
.header .menu{ float:right;padding-right: 20px; padding-top: 15px;}
.header .menu ul{display: flex; justify-content: space-between;}
.header .menu ul li{ line-height:60px;padding-left:30px; padding-right:30px; }
.header .menu ul li a{color: #333;font-size: 16px;}


.banner .swiper-container {width: 100%;height: 100%; position: relative;}
.banner .swiper-slide .h1{top: 37%; z-index: 22;color: #fff; font-size: 72px; letter-spacing: 5px;  line-height: 1.2em;  text-shadow: 2px 2px 5px rgba(0,0,0,0.2); position: absolute;left: 50%; width: 1200px; margin-left: -600px;;opacity: 0; text-align: center; transition: 0.5s;  transition-delay: 0.4s;transition-timing-function: linear; }
.banner .swiper-slide .h2{ top: 49%; z-index: 33; color: #fff; font-size:30px; letter-spacing: 2px;  line-height: 1.6em; text-shadow: 2px 2px 5px rgba(0,0,0,0.2); position: absolute;left: 50%; width: 1200px;  margin-left: -600px;text-align: center;opacity: 0; transition: 0.5s;  transition-delay: 0.6s;transition-timing-function: linear; }
.banner .swiper-slide-active .h1{opacity: 1; top: 40% }
.banner .swiper-slide-active .h2{opacity: 1; top: 52%; }
.banner .swiper-slide { height: 100%; }
.banner .swiper-slide img{ height: 100%; width: 100%; object-fit: cover;transform: scale(1.2);transition-duration:10s; }
.banner .swiper-slide-active img{transform: scale(1); }
.banner .swiper-pagination{  bottom:0!important; top: auto!important}
.banner .swiper-button-next{font-size: 12px;  right: 30px;top: 45%;border-radius: 50%; border:#fff solid 2px; height:44px; line-height: 44px;width: 44px; text-align: center;background-size:12px; opacity: 0.5}
.banner .swiper-button-prev{font-size: 12px; left: auto; right: 30px;top: 52%; border-radius: 50%;border:#fff solid 2px; height:44px; line-height: 44px;width: 44px; text-align: center;background-size:12px; opacity: 0.5}



.about {position: relative; overflow: hidden;}
.about .bg{position: absolute;left: 0px;right: 0px;top: 0px;bottom: 0px; width: 100%;height: 100%; object-fit: cover;transform: scale(1.1);}
.about h2{ position:absolute; left: 10%; top: 18%; z-index: 32; font-weight:bold;font-size:72px; color:rgba(255, 255, 255, 0.25); }
.about h1{ position:absolute; left: 10%; top: 23%; z-index: 32; font-weight:bold;font-size:40px;font-weight: normal; color:rgba(255, 255, 255, 1); }
.about .content{ position: absolute; z-index:32;top: 35%; left:10%;font-size:14px; line-height:2em; width: 65%;transform: scale(1);}
.about .content p{color: #fff;}
.about .number ul{display: flex;background:rgba(255,255, 255, 0.6); justify-content: space-between; position: absolute; z-index: 200; left: 10%;bottom: 15%;right: 10%;}
.about .number ul li{ padding:30px 50px; }
.about .number ul li h3{font-size: 60px;color:#443181; margin-bottom: 10px;font-weight: 600;}
.about .number ul li p{font-size: 16px;}


.business .swiper-container{height: 100%;}
.business .swiper-wrapper{height: 100%!important;}
.business .swiper-slide{height: 100%;position: relative;}


.business {}
.business .bg{height: 100%; width: 100%; object-fit: cover;transform: scale(1.2);transition-duration:10s; position: relative;z-index: 10;}
.business .swiper-slide-active img{transform: scale(1); }
.business h2{ position:absolute; left: 10%; top: 10%;opacity: 0; z-index: 32; font-weight:bold;font-size:72px; color:rgba(255, 255, 255, 0.25);transition-duration:1s; }
.business h1{ position:absolute; left: 10%; top: 15%;opacity: 0; z-index: 32; font-weight:bold;font-size:40px;font-weight: normal; color:rgba(255, 255, 255, 1);transition-duration:1s; }
.business .content{ position: absolute; z-index:32;top: 30%; opacity: 0; left:10%;font-size:14px; line-height:2em; width: 50%;transition-duration: 1s;transition-delay: 0.2s}
.business .content p{color: #fff;}
.business .lista{position: absolute;z-index: 200; left: 10%;top: 45%;right: 10%; opacity: 0; transition-duration: 1s;transition-delay: 0.3s}
.business .lista ul{ display: flex;justify-content: space-between; flex-wrap:wrap; }
.business .lista ul li{ border:#fff solid 1px; margin-bottom: 20px; font-size:14px;width:18%;font-size: 14px; text-align: center;color: #fff; height: 36px; line-height: 36px;border-radius: 20px;}
.business .lista ul li a{color: #fff;}
.business .listb ul{display: flex;background:rgba(255,255, 255, 1); justify-content: space-between; position: absolute; z-index: 200; left: 10%;bottom: 8%;right: 10%;}
.business .listb ul li{  position:relative;width:20%; padding: 2%;transition-duration: 0.3s}
.business .listb ul li:after{border-right: #ececec solid 1px; position: absolute; right: 0px;top:20px;bottom:20px; content: ""}
.business .listb ul li:last-child:after{display: none;}
.business .listb ul li h4{font-size: 22px;color:#000; margin-bottom: 4px;}
.business .listb ul li p{font-size: 14px;}
.business .listb ul li img.icon1{float: right; width: 32px;display: block;}
.business .listb ul li img.icon2{float: right; width: 32px;display:none;}
.business .listb ul li.active{background: var(--color);transform: scale(1.03);}
.business .listb ul li.active h4{color:#fff}
.business .listb ul li.active p{color:#fff}
.business .listb ul li.active img.icon1{float: right; width: 32px;display: none;}
.business .listb ul li.active img.icon2{float: right; width: 32px;display:block;}
.business .listb ul li.active:after{border-right: none}

.business .swiper-slide-active h2{top: 18%;opacity: 1;}
.business .swiper-slide-active h1{top: 23%;opacity: 1;}
.business .swiper-slide-active .content{top: 35%;opacity: 1}
.business .swiper-slide-active .lista{top: 50%; opacity: 1}


.developmentcourse {position: relative; overflow: hidden}
.developmentcourse .bg{position: absolute;left: 0px;right: 0px;top: 0px;bottom: 0px;z-index: 1; width: 100%;height: 100%; object-fit: cover;transform: scale(1.1);}
.developmentcourse h2{ position:absolute; left: 10%; top: 18%; z-index: 32; font-weight:bold;font-size:72px; color:rgba(255, 255, 255, 0.25); }
.developmentcourse h1{ position:absolute; left: 10%; top: 23%; z-index: 32; font-weight:bold;font-size:40px;font-weight: normal; color:rgba(255, 255, 255, 1); }
.developmentcourse .content{ position: absolute; z-index:32;top: 35%; left:10%;font-size:14px; line-height:2em; right: 10%;}
.developmentcourse .swiper-slide{display: flex;justify-content: space-between;}
.developmentcourse .swiper-slide .img {width: 50%; overflow: hidden;}
.developmentcourse .swiper-slide .img img{width: 100%;height: 100%;object-fit: cover; display: block;transition-duration: 0.3s}
.developmentcourse .swiper-slide .img:hover img{transform: scale(1.1);}
.developmentcourse .swiper-slide .info{width: 50%;background: #f7f9fb;}
.developmentcourse .swiper-slide .info .padding{padding: 40px;}
.developmentcourse .swiper-slide .info .padding h3{font-size: 32px;font-weight: bold;color: #443181;font-weight: 500; margin-bottom: 20px;}
.developmentcourse .swiper-slide .info .padding p{font-size: 14px;color: #666; line-height: 2.8em}
.developmentcourse .swiperTab{display: flex; justify-content: space-between;position: relative;}
.developmentcourse .swiperTab li{font-size: 16px;color: #fff; position: relative;padding-top: 90px; z-index: 4;}
.developmentcourse .swiperTab li:after{position: absolute;content: "";left: 50%; margin-left: -6px;top: 60px; width: 12px;height: 12px;border-radius: 20px; background: none;border: #fff solid 2px;}
.developmentcourse .swiperTab li:before{position: absolute; content: "";border-top: #fff dashed 1px;width:150%; left: 135%; top: 58%}
.developmentcourse .swiperTab li.active{color: var(--color);}
.developmentcourse .swiperTab li.active:after{background:var(--color);border-color: var(--color)}
.developmentcourse .swiperTab li:last-child:before{display: none;}



.news {position: relative; overflow: hidden}
.news .bg{position: absolute;left: 0px;right: 0px;top: 0px;bottom: 0px;z-index: 1; width: 100%;height: 100%; object-fit: cover;transform: scale(1.1);}
.news h2{ position:absolute; left: 10%; top: 18%; z-index: 32; font-weight:bold;font-size:72px; color:rgba(255, 255, 255, 0.25); }
.news h1{ position:absolute; left: 10%; top: 23%; z-index: 32; font-weight:bold;font-size:40px;font-weight: normal; color:rgba(255, 255, 255, 1); }
.news .content{ position: absolute; z-index:32;top: 35%; left:10%;font-size:14px; line-height:2em; right: 10%;display: flex; justify-content: space-between;}
.news .content .left{width: 43%;}
.news .content .left a{display: block; position: relative;height: 100%;}
.news .content .left a:after{ height:300px; position:absolute;left:0px;right:0px;bottom:0px;content:"";background: linear-gradient(0deg, rgba(68, 49, 129, 1), rgba(68, 49, 129, 0));   }
.news .content .left a .img{ overflow:hidden; }
.news .content .left a .img img{width: 100%;display: block; height: 100%;object-fit: cover;transition-duration: 0.3s}
.news .content .left a:hover .img img{width: 100%;display: block; height: 100%;object-fit: cover;transform: scale(1.1);}
.news .content .left a h3{ position:absolute; left:30px;right:30px; color:#fff; bottom:34%; z-index:3;font-size:22px;font-weight:normal; display: -webkit-box;  -webkit-line-clamp:1;  -webkit-box-orient: vertical; overflow: hidden; transition-duration: 0.3s}
.news .content .left a:hover h3{ bottom:35%}

.news .content .left a p{ position:absolute; left:30px;right:30px; color:#fff; bottom:20%; z-index:3;font-size:14px;font-weight:normal;display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; overflow: hidden;  }
.news .content .left a .detail{display: flex; justify-content: space-between; position:absolute; left:30px;right:30px; color:#fff; bottom:5%; z-index:3; position:absolute;border-top:rgba(255, 255, 255, 0.6) solid 1px; padding-top:15px; }
.news .content .left a .detail span{font-size: 14px;color: #fff;}
.news .content .right{width: 55%;}
.news .content .right ul li{display: flex; justify-content:space-between; margin-bottom: 15px;background: #fff;}
.news .content .right ul li .img{width: 30%;overflow: hidden;height: 160px;}
.news .content .right ul li .img img{width: 100%; height: 100%; object-fit: cover; transition-duration: 0.3s}
.news .content .right ul li:hover .img img{width: 100%;display: block; height: 100%;object-fit: cover;transform: scale(1.1);}

.news .content .right ul li .info{width: 64%; position: relative;padding:2% 3%; }
.news .content .right ul li .info h3 {margin-bottom: 7px;padding-top: 0px;display: -webkit-box;  -webkit-line-clamp:1;  -webkit-box-orient: vertical; overflow: hidden;}
.news .content .right ul li .info h3 a{color:#555;font-size:20px;}
.news .content .right ul li:hover .info h3 a{color:#443181;font-size:20px;}

.news .content .right ul li .info p{color:#666;font-size:14px; line-height: 1.6em;margin-bottom:7px; display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; overflow: hidden;}
.news .content .right ul li .info .cate{ position:absolute; left:0px;bottom:30px; }
.news .content .right ul li .info .cate span{background: #98c431;color: #fff;font-size: 14px; padding: 4px} 
.news .content .right ul li .info .cate strong{font-weight: normal;font-size: 14px;color: #666;} 
.news .content .right ul li .detail {display: flex; justify-content: space-between;}
.news .content .right ul li .detail span{color: #333;font-size: 14px;}
.news .content .right ul li:last-child{margin-bottom: 0px;}


.footer{background:url(../images/footerbg.jpg) no-repeat #443181; overflow: hidden;padding-top: 60px;padding-left: 10%;padding-right: 10%;
    background-size: 100% 100%;
}
.footer .menu{ display: flex;justify-content: space-between;margin-bottom: 24px;}
.footer .item{width: 20%;}
.footer .item h3{font-size: 20px;color: #fff;margin-bottom: 56px; position: relative;}
.footer .item h3:after{width: 30px; height: 2px; position: absolute;content: "";left: 0px;bottom: -30px;background: #fff;}
.footer .item ul li{margin-bottom: 20px;}
.footer .item ul li a{font-size: 14px;color: #fff;}
.footer .wechat {width: 10%;}
.footer .wechat img{width: 120px;}
.footer .wechat p{font-size: 14px;padding-top: 10px; text-align: center;color: #fff;}
.footer .link{border-top: rgba(255, 255, 255, 0.6) solid 1px;color: #fff;font-size: 14px; padding-top: 24px; padding-bottom: 24px;border-bottom:rgba(255, 255, 255, 0.6) solid 1px; }
.footer .link a{color: #fff; margin-right: 40px;}
.footer .copy{color: #fff;font-size: 14px;padding-top: 30px; padding-bottom: 30px;}
.footer .copy span{float: right;}
.footer .copy a{color: #fff;}








/************************************************************************内页开始****************************************************************/
.detailbanner{margin-top: 90px;}
.detailbanner .pagewidth{height: 500px;}
.detailbanner .pagewidth h2{color:#fff;font-size:48px;text-align: center;padding-top: 200px;margin-bottom: 10px;}
.detailbanner .pagewidth p{color:#fff;font-size:18px;text-align: center; text-transform: uppercase;}


.detailmenu .pagewidth{background: #fff;margin-top: -50px; box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);position: relative;z-index: 4;
border-radius: 6px;
    display: flex;
    justify-content: space-between;
}
.detailmenu ul{/*float: left; */ padding-left: 40px;width:60%;}
.detailmenu ul li{float: left;margin-right: 40px;}
.detailmenu ul li a{color: #333; display: block; height: 120px; line-height: 120px;font-size: 18px;}
.detailmenu ul li a:hover{color: var(--color);}
.detailmenu ul li.down{position: relative;}
.detailmenu ul li.down1 a{color: var(--color);font-weight: bold;}
.detailmenu ul li.down .sub{display: none; background:#fff;width:max-content;padding-top: 20px; padding-bottom: 20px;  position: absolute;border-radius: 4px;box-shadow:0px 5px 10px rgba(0, 0, 0, 0.1);height: 300px; overflow-x: auto;}
.detailmenu ul li.down .sub .item{}
.detailmenu ul li.down .sub .item a{height: 48px; line-height: 48px; padding-left: 20px; padding-right: 20px;color: #666;font-weight: normal;}
.detailmenu ul li.down .sub .item a:hover{background: #f9f9f9;color: var(--color);}
.detailmenu ul li.active a{color: var(--color)}
.detailmenu ul li.active{position: relative;}
.detailmenu ul li.active:after{position: absolute;content: "";bottom: 0px;left: 0px;right: 0px;height: 2px;background: var(--color)}
.detailmenu ul li.down1:after{position: absolute;content: "";bottom: 0px;left: 0px;right: 0px;height: 2px;background: var(--color)}
.detailmenu span{/*float: right;*/font-size: 16px;color: #666;line-height: 27px;padding-right: 30px;margin-top: 48px;}
.detailmenu span a{color: #666;}
.detailmenu span a:hover;{color: #333;}
.detailpadding{ padding-top:80px; padding-bottom:80px; }
.detailmenu ul li.down:hover .sub{display: block;}

/*发展历程*/
.developmenthistory{ background: url(../images/bg1.jpg) no-repeat center;background-size: cover;}
.developmenthistory .content{ font-size:14px; line-height:2em; }
.developmenthistory .swiper-slide{display: flex;justify-content: space-between;}
.developmenthistory .swiper-slide .img {width: 50%;}
.developmenthistory .swiper-slide .img img{width: 100%;display: block;}
.developmenthistory .swiper-slide .info{width: 50%;background: #f7f9fb;}
.developmenthistory .swiper-slide .info .padding{padding: 40px;}
.developmenthistory .swiper-slide .info .padding h3{font-size: 32px;font-weight: bold;color: #443181; font-weight: bold; margin-bottom: 20px;}
.developmenthistory .swiper-slide .info .padding p{font-size: 15px;color: #666; line-height: 2em}
.developmenthistory .swiperTab{display: flex; justify-content: space-between;position: relative;}
.developmenthistory .swiperTab li{font-size: 16px;color: #333; position: relative;padding-top: 90px; z-index: 4;}
.developmenthistory .swiperTab li:after{position: absolute;content: "";left: 50%; margin-left: -6px;top: 60px; width: 12px;height: 12px;border-radius: 20px; background: none;border: #ddd solid 2px;background: #ddd}
.developmenthistory .swiperTab li:before{position: absolute; content: "";border-top: #333 dashed 1px;width:150%; left: 135%; top: 58%}
.developmenthistory .swiperTab li.active{color: var(--color);}
.developmenthistory .swiperTab li.active:after{background:var(--color);border-color: var(--color)}
.developmenthistory .swiperTab li:last-child:before{display: none;}



/*公开文件列表*/
.unclassifieddocumentlist ul{/*display: flex;*/ justify-content: space-between;flex-wrap: wrap;}
.unclassifieddocumentlist ul li{width: 28%;margin: 0px 1% 40px 0; padding-left: 30px; padding-right: 30px; background: #f0f0f0;height: 140px;display: flex; justify-content: space-between; align-items: center;float:left;}
.unclassifieddocumentlist ul li h2{font-size: 18px;line-height: 1.8em;width:87%;}
.unclassifieddocumentlist ul li h2 a{color: var(--color);}
.unclassifieddocumentlist ul li span{font-size: 14px;}
.unclassifieddocumentlist ul li span a{color: var(--color);}
.unclassifieddocumentlist ul li:hover{background: var(--color)}
.unclassifieddocumentlist ul li:hover a{color: #fff;}

/*公开文件详情*/
.unclassifieddocumentdetail{}
.unclassifieddocumentdetail h2{color: var(--color); text-align: center; font-size: 24px; padding-bottom: 40px;border-bottom: #e1e1e1 solid 1px;}
.unclassifieddocumentdetail .html{padding-top: 40px;}
.unclassifieddocumentdetail .html img{display: block; margin:0 auto}
.singlegkwj img{width:100%;}

/*管理团队*/
.teamlist .top{display: flex; justify-content: space-between; align-items: center; padding-bottom: 50px;}
.teamlist .top .img{width: auto;height: 500px;}
.teamlist .top .img img{width: 100%; height: 100%;object-fit: cover;}
.teamlist .top .info{width: 68%;}
.teamlist .top .info .title strong{font-weight:normal; font-size: 36px;color:var(--color); margin-right: 22px;}
.teamlist .top .info .title span{color: #333; font-size: 16px;}
.teamlist .top .info .title{ margin-bottom: 20px; }
.teamlist .top .info .zhiwei{color: #333; font-size: 16px; padding-bottom: 40px; border-bottom: var(--color) solid 3px; margin-bottom: 40px;}
.teamlist .top .info .zhiwei strong{margin-right: 22px;font-weight: normal;}
.teamlist .top .info .description{ line-height: 1.8em; font-size: 16px;color: #333; }
.teamlist .bottom ul{display: flex; justify-content: space-between; flex-wrap: wrap;border-top: #ccc7dd solid 2px; padding-top: 50px;}
.teamlist .bottom ul:after{content: "";width: 31%;}
.teamlist .bottom ul li{width: 15%; margin-bottom: 40px;}
.teamlist .bottom .img{height: 254px;width: 100%;overflow: hidden;}
.teamlist .bottom .img img{width: 100%; height: 100%;object-fit: cover;}
.teamlist .bottom .info{background: #f7f7f7; padding: 30px 20px;}
.teamlist .bottom .info .title{padding-bottom: 14px;}
.teamlist .bottom .info .title strong{font-weight: normal; font-size: 24px;color: var(--color); margin-right: 16px;}
.teamlist .bottom .info .title span{color: #333333; font-size: 14px;}
.teamlist .bottom .info .title{ margin-bottom: 10px; }
.teamlist .bottom .info .zhiwei{color: #333; font-size: 14px; }
.teamlist .bottom .info .zhiwei strong{margin-right: 22px;font-weight: normal;}

/*客户监督*/
.supervision h2{color: var(--color);font-weight: bold;font-size: 30px;padding-bottom: 40px;}


/*加入我们*/
.accordion{border-bottom: #ececec solid 1px;}
.accordion li {background: #fff;border: #ececec solid 1px; border-bottom: none;}
.accordion .link {padding: 30px;  cursor: pointer; display: block; color: #333333; font-size: 24px; font-weight: bold; position: relative; transition-duration: 0.3s;}
.accordion .link dl{display: flex; justify-content: ;padding-top:10px;flex-wrap: wrap;}
.accordion .link dl dd{width: 400px;line-height: 30px; font-weight: normal; font-size: 14px;color: #333; text-align: left;}
.accordion .link .time{ font-size: 14px; position: absolute;right: 100px;color: #666;font-weight: normal; }
.accordion li:last-child .link {  border-bottom: 0;}
.accordion li i {position: absolute;top: 64px;right: 40px; font-size: 18px;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordion li i.ri-add-circle-fill {left: auto;font-size: 28px;color:var(--color);}
.accordion li.open{ background: #f5f6f7; }
.accordion li.open .link {color: #fff;background:var(--color);}
.accordion li.open i { color: #fff;}
.accordion li.open i.ri-add-circle-fill {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.accordion li.open .link dl dd{color: #fff; }
.accordion li.open .link .time{ color: #fff; }
.subcontent {display: none;font-size: 16px;line-height: 2em; padding: 30px; padding-top: 20px;}
.subcontent .shenqing {border-top: #dadada solid 1px; padding-top: 30px;}
.subcontent .shenqing a{display: inline-block;padding: 8px 40px;color: #fff;background: var(--color);}


/*联系我们*/
.page_contact .top{display:flex; justify-content: space-between; margin-bottom: 50px;}
.page_contact .top .info{width: 46%; background: #f3f6fa;padding: 4%; }
.page_contact .top .info h2{font-size: 24px; padding-bottom: 20px;color: var(--color); border-bottom: #ddd solid 1px; margin-bottom: 20px;}
.page_contact .top .info ul li{font-size: 16px; color: #333; line-height: 40px;}
.page_contact .top .info ul li span img{height: 22px; margin-right: 5px; position: relative; top: 6px;}
.page_contact .top .map{width: 50%;}
.page_contact .top .info dl{display: flex; justify-content: left; padding-top: 30px;}
.page_contact .top .info dl dd{ margin-right: 30px;}
.page_contact .top .info dl dd p{font-size: 14px;color: #333; padding-top: 10px; text-align: center;}
.page_contact .bottom{display:flex; justify-content: space-between;margin-bottom:40px; flex-wrap:wrap; }
.page_contact .bottom:after{content: ""; width: 32.2%}
.page_contact .bottom .item{background: #f3f6fa; width: 26.2%;padding: 3%; padding-bottom: 33px;margin-bottom:20px;}
.page_contact .bottom .item h4{font-size: 20px; padding-bottom: 20px;border-bottom: #ddd solid 1px; margin-bottom: 20px;}
.page_contact .bottom .item ul li{font-size: 16px; color: #333; height:30px;line-height: 30px; position: relative; padding-left: 106px; margin-bottom: 10px;}
.page_contact .bottom .item ul li span{position: absolute;left: 0px;}
.page_contact .bottom .item ul li span img{height: 22px; margin-right: 5px; position: relative; top:5px;}
.page_contact .fen{position: relative;}
.page_contact .fen h2{font-size: 24px;color: #433081;font-weight: bold; margin-bottom: 40px;padding-top: 40px;}
.page_contact .swiperTab{float: right; padding-top: 36px; position: absolute;right: 0px;top: 0px;}
.page_contact .swiperTab li{font-size: 16px; margin-left: 20px;}
.page_contact .swiperTab li{float:left;border-radius: 20px; color: #666;background: #f3f6fa; padding:12px 20px; }
.page_contact .swiperTab li.active{background: var(--color);color: #fff;}



/*企业文化*/
.culture ul {display:flex; justify-content: space-between; flex-wrap: wrap;}
.culture ul li{width: 26%;padding:2%; background: #f7f7f7; margin-bottom: 50px;}
.culture ul li h2{margin-bottom: 20px; color: var(--color);font-size: 22px;line-height: 40px; font-weight: bold;border-bottom: #e4e4e4 solid 1px; padding-top: 0px; padding-bottom: 10px;background: url(../images/logogray.png) no-repeat right top}
.culture ul li p{font-size: 15px;color: #666; line-height: 1.8em;padding-right: 20px;}
.culture ul:after{width: 30%;content: ""}

.culture ul li .swiper-container {
       
        height: 200px
    }
.culture ul li .swiper-slide {
        height: auto;
    }
.swiper-scrollbar-drag{background: var(--color)!important;}


/*荣誉资质*/
.honor {background: url(../images/bg2.jpg) no-repeat center;background-size: cover;}
.honor ul {display:flex; justify-content: left; flex-wrap: wrap;width: 103%;}
.honor ul li{width: 17%; margin-bottom: 50px;margin-right:3%; transition-duration: 0.3s}
.honor ul li:hover{transform: scale(1.05);}
.honor ul li img{width: 100%;display: block;box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1)}
.honor ul li p{text-align: center; padding-top: 20px;font-size: 16px;color: #666;}
.honor ul:after{content:""; width: 34%}


/*关于我们*/
.about_box{}
.about_content{padding-bottom: 80px;}
.about_content .pagewidth{display: flex;justify-content: space-between;}
.about_content .pagewidth .img{width: 52%; margin-left: -12%;}
.about_content .pagewidth .img img{width: 100%;display: block;}
.about_content .pagewidth .content{width: 54%; padding-left: 5%}
.about_content .pagewidth .content h2{margin-bottom: 30px;font-size: 32px;color: var(--color);padding-top: 70px;}
.about_content .pagewidth .content p{line-height: 1.8em;font-size: 14px;color: #666; margin-bottom: 30px;}
.about_content .pagewidth .content{background: url(../images/map.jpg) no-repeat center;background-size: 100%;}
.about_content .pagewidth .content .number{padding-top: 50px;}
.about_content .pagewidth .content .number ul{display: flex; justify-content: space-between;}
.about_content .pagewidth .content .number ul li strong{font-family: 'Barlow Condensed';font-size: 59px; color: var(--color);}
.about_content .pagewidth .content .number ul li span{font-size: 18px;font-weight: bold; padding-left: 10px;}
.about_text{background: url(../images/bg3.jpg) no-repeat;background-size: cover;background-attachment: fixed;}
.about_text .pagewidth{padding-top: 200px; padding-bottom: 200px;}
.about_text .pagewidth .content{padding-left: 10%; padding-right:10%;color: #fff; line-height: 1.8em;font-size: 16px; text-align: center;}
.about_map .pagewidth{padding-top: 80px;display: flex;justify-content: space-between;}
.about_map .content{width: 48%;}
.about_map .content h3{color: var(--color); font-size: 24px;font-weight: normal; line-height: 1.6em;}
.about_map .content span{display: block;width: 40px; height: 3px;margin-top: 20px; margin-bottom: 20px;background: var(--color);}
.about_map .content p{font-size: 15px;color: #333;line-height: 2em;}
.about_map .content ul{display: flex;justify-content: space-between; flex-wrap: wrap;padding-top: 50px;}
.about_map .content ul:after{content: "";width: 28%;}
.about_map .content ul li{background: #f4f4f4;width: 22%;color: #333333; padding:6% 3%;border-radius: 12px;font-size: 14px; line-height: 2em;  margin-bottom: 45px;}
.about_map .content ul li:nth-child(2n-1){background: linear-gradient(0deg, #463285, #6851b7);color:#fff;  }
.about_map .map{width: 48%; padding-top: 50px;}


/*下载专区*/
.downlist ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.downlist ul:after{content: "";width: calc(28% + 40px);}
.downlist ul li{width: 28%;border-radius: 6px; padding: 20px;height: 90px; position: relative; border:#ebebeb solid 1px; margin-bottom: 40px;}
.downlist ul li h2{font-size:16px;margin-bottom: 40px;}
.downlist ul li p{font-size: 14px;color: #666666; position: absolute; left: 20px;bottom: 20px;}
.downlist ul li p i{ position:relative; top:2px; }
.downlist ul li p span{margin-right: 30px;}
.downlist ul li a{ position:absolute;right:20px; font-size:36px; top:45px;color:#333; }
.downlist ul li:hover{border:var(--color) solid 1px;background: var(--color)}
.downlist ul li:hover h2{color: #fff;}
.downlist ul li:hover p{color: #fff;}
.downlist ul li:hover a{color: #fff;}


/*新闻列表*/
.newslist{background: #fefefe;}
.newslist ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.newslist ul:after{content: "";width: calc(28% + 40px);}
.newslist ul li{width: 31.6%;border-radius: 6px; position: relative; background: #fff; box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);transition-duration: 0.3s; margin-bottom: 40px;overflow: hidden;}
.newslist ul li .img{overflow: hidden;}
.newslist ul li .img img{width: 100%;display: block;transition-duration: 0.3s}
.newslist ul li .info{padding: 20px;height: 100px; position: relative;}
.newslist ul li .info h2{font-size: 20px; line-height: 1.4em;font-weight: normal;}
.newslist ul li .info h2 a{color: #333;}
.newslist ul li .info p{position: absolute; left: 20px; bottom: 20px;font-size: 14px;color: #666;}
.newslist ul li .info p span{ margin-left:15px; margin-right:15px; }
.newslist ul li:hover{box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.2);transform: translateY(-3px);}
.newslist ul li:hover .img img{transform: scale(1.1);}


.newsdetail .title h2{font-size: 24px;text-align: center;font-weight: normal; margin-bottom: 40px;}
.newsdetail .title p{font-size: 14px; text-align: center; padding-bottom: 20px; border-bottom: #ddd solid 1px;}
.newsdetail .title p span{margin-left: 60px; margin-right:60px;color: #666;}
.newsdetail .html{padding-top: 30px; padding-bottom: 30px; line-height: 2em;color: #333;font-size: 16px;}
.newsdetail .html p img{margin: 10px auto;display: block;}
.newsdetail .other{padding-top: 20px;border-top: #ddd solid 1px;display: flex;justify-content: space-between; margin-bottom: 30px;}
.newsdetail .other a{font-size: 16px;color: #666;}
.newsdetail .back { text-align:center; }
.newsdetail .back a{display: inline-block;background:var(--color);font-size: 16px;color: #fff; padding: 20px 40px; border-radius: 3px;} 
.newsbwbd img{width:90%;margin:0 auto;}


/*业务范围*/
.business .title{font-size: 24px;color: var(--color); line-height: 41px;border-bottom: #ddd solid 1px; padding-bottom: 20px; margin-bottom: 20px;}
.business .title a{color: #fff;background: var(--color);float: right;font-size: 14px;border-radius: 3px; padding-left: 20px; padding-right: 20px;}
.business .html h3{color: var(--color);font-size: 30px;font-weight: normal;padding-top: 20px;}
.business .html p{text-indent: 2em; line-height: 2em;color: #333;}
.business .html p img{margin: 10px auto;display: block;}

.business .back { text-align:center;border-top:#ddd solid 1px; padding-top:30px; margin-top:30px; }
.business .back a{display: inline-block;background:var(--color);font-size: 16px;color: #fff; padding: 20px 40px; border-radius: 3px;} 



/*证书查询*/
.certificatequery .img{margin-bottom: 50px;}
.certificatequery .img ul{display: flex;justify-content: space-between}
.certificatequery .img ul li{width: 30%; position: relative;}
.certificatequery .img ul li h2{color: #fff; position: absolute;font-size: 30px; text-align: center; padding-top: 65px; line-height: 1.6em; left: 0px;right: 0px; color: #fff;}
.certificatequery .img ul li img{width: 100%;display: block;}
.certificatequery h2{color: var(--color);font-weight: bold;font-size: 30px;padding-bottom: 40px;}
.certificatequery .layui-form-item .layui-input-inline{width: 37%!important;}

.result {padding-top: 40px;}
.result .result_title {position: relative;margin-bottom: 30px;}
.result .result_title:after{content: ""; position: absolute;left: 0px;top: 20px; right: 0px;border-top: #ddd solid 1px; z-index: 1;}
.result .result_title span{background: #fff; margin: 0 auto;width: 140px;display: block; text-align: center;position: relative;z-index: 2;color: var(--color);font-size: 18px;}
.result .result_title span img{display: block;width: 24px;margin: 0 auto;}
.result .result_content{padding: 30px;background: #f7f7f7;}
.result .result_content table{width: 100%;}
.result .result_content table th{padding: 14px;font-size: 14px; text-align: center;color: var(--color);font-size: 18px;font-weight:normal;background:#f7f7f7;border:#ddd solid 1px;}
.result .result_content table td{padding: 14px;font-size: 14px; text-align: center;background:#f7f7f7;border:#ddd solid 1px;}

.organization{background: url(../images/bg5.jpg) no-repeat;background-size: cover; margin-top: -50px; padding-top: 150px;}
.organization img{display: block;margin: 0 auto;}

.layui-form-item{margin-bottom: 25px!important;}
.form .layui-form .layui-form-item .layui-form-label{width:100px;}
.form .layui-form .layui-form-item .layui-form-label-2{width:117px;}
.form .layui-form-item .layui-input-inline{width: 24%!important;margin-right:16px;}
.form .layui-form-item .layui-input-inline-3{margin-right:0;}
.layui-input-block{margin-left:131px !important;}
.layui-form-submit{text-align: center;padding-top: 30px;}
.layui-form-submit .layui-btn{background:var(--color); padding: 5px 40px; height: auto; line-height: auto}
.layui-form-item .layui-form-checkbox{margin-top: 2px!important; margin-bottom: 20px!important;}
.layui-form-checkbox{height: 48px!important;line-height: 48px!important;}
.layui-form-checkbox i{height: 48px!important;border:none!important; line-height: 48px!important;background: #fff!important;color: #fff!important;border-radius: 0px 50px 50px 0px!important;padding-left: 10px!important;color: #c7c7c7!important; padding-right: 10px!important;border:#c7c7c7 solid 1px!important;border-left: none!important}
.layui-form-checkbox span{border-radius: 50px 0px 0px 50px!important;padding-left: 20px!important;padding-right: 20px!important;border:#c7c7c7 solid 1px!important;background: #fff!important;color: #333!important;}
.layui-form-checked i{background: var(--color)!important;border:var(--color) solid 1px!important;}
.layui-form-checked span, .layui-form-checked:hover span{background: var(--color)!important;color: #fff!important;border:var(--color) solid 1px!important;}

.wap-nav{display:none;}


.sm-bj {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    transform: translateY(-20px);
}
.sm-bj.active {
    opacity: 1;
    transform: translateY(0);
}

.sm-bj-box{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.sm-con{width:650px;height:auto;background:#fff;box-shadow: 0 3px 9px rgba(0, 0, 0, .5);position:relative;border-radius: 20px;max-width: 90%;}
.sm-con-gb{
    position: absolute;
    top: 10px;
    right: 16px;
    cursor: pointer;
    font-size: 20px;
}
.sm-max{
    width: 90%;
    margin: 0 auto;
    padding: 30px 0;

}
.sm-max h3{
    font-size: 30px;
    text-align: center;
    font-weight: 400;
}
.sm-max h3 span{
    display: block;
    width: 40px;
    height: 4px;
    background: #443181;
    margin: 10px auto;
}
.sm-max-p{margin-top: 30px;}
.sm-max-p p{
    font-size: 16px;
    color: #666;
    line-height: 30px;
    text-align: justify;
}
.sm-max-p span{
    display: block;
    margin-top: 35px;
    width: 200px;
    float: right;
    text-align: center;
    color: #333;
    font-size: 16px;
    line-height: 30px;
    padding-bottom: 50px;
}

/*大屏幕*/
@media screen and (max-width: 1920px) {

}
/*中屏幕*/
@media screen and (max-width: 1440px) {
.pagewidth{ width: 1320px; margin:0 auto;}
.detailmenu .pagewidth{background: #fff;margin-top: -50px; box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);position: relative;z-index: 4;border-radius: 6px;}
.detailmenu ul{float: left; padding-left: 30px;width:59%;}
.detailmenu ul li{float: left;margin-right: 30px;}
.detailmenu ul li a{color: #333; display: block; height: 90px; line-height: 90px;font-size: 16px;}
.detailmenu ul li a:hover{color: var(--color);}
.detailmenu ul li.down{position: relative;}
.detailmenu ul li.down a{color: var(--color);font-weight: bold;}
.detailmenu ul li.down .sub{display: none; background:#fff;width:240px;padding-top: 20px; padding-bottom: 20px;  position: absolute;border-radius: 4px;box-shadow:0px 5px 10px rgba(0, 0, 0, 0.1);}
.detailmenu ul li.down .sub .item{}
.detailmenu ul li.down .sub .item a{height: 48px; line-height: 48px; padding-left: 20px; padding-right: 20px;color: #666;font-weight: normal;}
.detailmenu ul li.down .sub .item a:hover{background: #f9f9f9;color: var(--color);}
.detailmenu ul li.active a{color: var(--color)}
.detailmenu ul li.active{position: relative;}
.detailmenu ul li.active:after{position: absolute;content: "";bottom: 0px;left: 0px;right: 0px;height: 2px;background: var(--color)}
.detailmenu ul li.down:after{position: absolute;content: "";bottom: 0px;left: 0px;right: 0px;height: 2px;}
.detailmenu span{float: right;font-size: 14px;color: #666;padding-right: 30px;margin-top: 19px;}
.detailmenu span a{color: #666;}
.detailmenu span a:hover;{color: #333;}
.detailpadding{ padding-top:80px; padding-bottom:80px; }
.detailmenu ul li.down:hover .sub{display: block;}
.news .content .right ul li .img{width: 30%;overflow: hidden;height: 141px;}
.detailmenu ul li.down1 a{color: var(--color);font-weight: bold;}
}
/*平板*/
@media screen and (max-width: 768px) {
    .form .layui-form-item .layui-input-inline {width: 100% !important;}
    
.pagewidth{ width: auto; margin:0px 20px;}
.header .inner {width: 24px;height: 16px;position: absolute;top: 22px;right:10px; }
.header .inner .icon-bar {width: 100%;height: 2px;position: absolute;left: 0;background: #333;-webkit-transition: all 0.3s;transition: all 0.3s;}

.inner{display: block;}
#fp-nav.left{left: -3px!important;display: none;}
.indexheader{ position: fixed; z-index: 11; left:0px; top: 10px; right: 0px;}
.indexheader .logo{ float:left;padding-left: 20px;}
.indexheader .logo img{height: 40px;}
.indexheader .menu{display: none;}
.fp-tooltip{display: none!important;}
.header{ position: fixed; z-index: 999; left: 0px; top:0px; right: 0px;background: #ffff;height: 60px;}
.header .logo{ float:left;padding-left: 10px;padding-top: 10px;}
.header .logo img{height: 40px;}
.header .menu{ display: none;}


.banner .swiper-container {width: 100%;height: 100%; position: relative;}
.banner .swiper-container{ height: 100%;  }
.banner .swiper-slide{ position: relative; }
.banner .swiper-slide .h1{top: 37%; z-index: 22;color: #fff; font-size: 28px; letter-spacing: 3px;  line-height: 1.2em;  text-shadow: 2px 2px 5px rgba(0,0,0,0.2); position: absolute;left: 5%;right: 5%; width: auto; margin-left:0;;opacity: 0; text-align: center; transition: 0.5s;  transition-delay: 0.4s;transition-timing-function: linear; }
.banner .swiper-slide .h2{ top: 43%; z-index: 33; color: #fff; font-size:16px; letter-spacing: 1px;  line-height: 1.6em; text-shadow: 2px 2px 5px rgba(0,0,0,0.2); position: absolute;left: 5%;right: 5%; width: auto;  margin-left: 0;text-align: center;opacity: 0; transition: 0.5s;  transition-delay: 0.6s;transition-timing-function: linear; }
.banner .swiper-slide-active .h1{opacity: 1; top: 40% }
.banner .swiper-slide-active .h2{opacity: 1; top: 46%; }
.banner .swiper-slide { height: 100%; }
.banner .swiper-slide img{ height: 100%; width: 100%; object-fit: cover;transform: scale(1.2);transition-duration:10s; }
  .indexbannerimg{}
.banner .swiper-slide-active img{transform: scale(1); }
.banner .swiper-pagination{  bottom:0!important; top: auto!important}
.banner .swiper-button-next{font-size: 12px;  right: 130px;top: auto;bottom: 30px;border-radius: 50%; border:#fff solid 2px; height:44px; line-height: 44px;width: 44px; text-align: center;background-size:12px; opacity: 0.5}
.banner .swiper-button-prev{font-size: 12px; left: 130px; right: auto;top: auto;bottom: 30px; border-radius: 50%;border:#fff solid 2px; height:44px; line-height: 44px;width: 44px; text-align: center;background-size:12px; opacity: 0.5}



.about {position: relative; overflow: hidden;}
.about .bg{position: absolute;left: 0px;right: 0px;top: 0px;bottom: 0px; width: 100%;height: 100%; object-fit: cover;transform: scale(1.1);}
.about h2{ position:absolute; left: 20px; top: 10%; z-index: 32; font-weight:bold;font-size:26px; color:rgba(255, 255, 255, 0.25); }
.about h1{ position:absolute; left: 20px; top: 12%; z-index: 32; font-weight:bold;font-size:24px;font-weight: normal; color:rgba(255, 255, 255, 1); }
.about .content{ position: absolute; z-index:32;top: 150px; left:20px;font-size:13px; line-height:1.8em; width: auto;right:20px;transform: scale(1);}
.about .content p{color: #fff;line-height: 22px !important;}
.about .number ul{ margin-top: 0px; display: flex;background:rgba(255,255, 255, 0.6);flex-wrap: wrap; justify-content: space-between; position: absolute; z-index: 200; left: 20px;bottom: 5%;right:20px;}
.about .number ul li{ padding:10px; }
.about .number ul li h3{font-size: 16px;color:#443181; margin-bottom: 10px;font-weight: 600;}
.about .number ul li p{font-size: 12px;}
.about .content{}


.business .swiper-container{height: 100%;}
.business .swiper-wrapper{height: 100%!important;}
.business .swiper-slide{height: 100%;position: relative;}


.business {}
.business .bg{width: 100%;height: 100%!important; object-fit: cover;transform: scale(1);}
.business h2{ position:absolute; left: 20px; top: 8%;  z-index: 32; font-weight:bold;font-size:26px; color:rgba(255, 255, 255, 0.25); }
.business h1{ position:absolute; left: 20px; top: 10%; z-index: 32; z-index: 32; font-weight:bold;font-size:24px;font-weight: normal; color:rgba(255, 255, 255, 1); }
.business .content{  position: absolute; z-index:32;top: 130px; left:20px; right: 20px;font-size:14px; line-height:2em; width: auto}
.business .content p{color: #fff;padding-top:50px;}
.business .swiper-slide{height: 100%!important;}
.business .lista{position: absolute;z-index: 200; left: 20px;top: 310px;right: 20px;}
.business .lista ul{ display: flex;justify-content: space-between; flex-wrap:wrap; }
.business .lista ul li{ border:#fff solid 1px; margin-bottom: 10px; font-size:12px;width:49%; text-align: center;color: #fff; height: 32px; line-height: 32px;border-radius: 20px;}
.business .lista ul li a{color: #fff;}
.business .listb ul{display: flex;background:rgba(255,255, 255, 1); justify-content: space-between;flex-wrap: wrap; position: absolute; z-index: 200; left:20px;bottom: 40px;right: 20px;}
.business .listb ul li{  position:relative;width:16%;text-align:center;}
.business .listb ul li:after{border-right: #ececec solid 1px; position: absolute; right: 0px;top:20px;bottom:20px; content: ""}
.business .listb ul li:last-child:after{display: none;}
.business .listb ul li h4{font-size:12px;color:#000; margin-bottom: 0x;padding:10px 0 10px 0;}
.business .listb ul li p{font-size: 11px;padding-right: 5px;display:none;}
.business .listb ul li img{float: none !important; width: 32px;display:block;margin:0 auto; }
.business .listb ul li.active h4{color:#fff;padding:10px 0 10px 0;}
.business .listb ul li.active p{color:#fff;display:none;}
.business .listb ul li.active img.icon1{float: right; width: 32px;display: none;}
.business .listb ul li.active img.icon2{float: none; width: 32px;display:block;margin:0 auto;}
.business .listb ul li.active:after{border-right: none}

.business .swiper-slide-active h2{top: 10%;opacity: 1;padding-top:50px;}
.business .swiper-slide-active h1{top: 12%;opacity: 1;padding-top:50px;}
.business .swiper-slide-active .content{top: 150px;opacity: 1}
.business .swiper-slide-active .lista{top: 320px; opacity: 1}
  .sjsection{display:none;}
 



.developmentcourse {position: relative; overflow: hidden}
.developmentcourse .bg{position: absolute;left: 0px;right: 0px;top: 0px;bottom: 0px;z-index: 1; width: 100%;height: 100%; object-fit: cover;transform: scale(1.1);}
.developmentcourse h2{ position:absolute; left: 20px; top: 10%; z-index: 32; font-weight:bold;font-size:26px; color:rgba(255, 255, 255, 0.25); }
.developmentcourse h1{ position:absolute; left: 20px; top: 12%; z-index: 32; font-weight:bold;font-size:24px;font-weight: normal; color:rgba(255, 255, 255, 1); }
.developmentcourse .content{ position: absolute; z-index:32;top: 150px; left:20px; right: 20px; font-size:13px; line-height:1.8em;  }
.developmentcourse .swiper-slide{display: initial;justify-content: space-between;}
.developmentcourse .swiper-slide .img {width: 100%;}
.developmentcourse .swiper-slide .img img{width: 100%;display: block;}
.developmentcourse .swiper-slide .info{width: 100%;background: #f7f9fb;}
.developmentcourse .swiper-slide .info .padding{padding: 15px;}
.developmentcourse .swiper-slide .info .padding h3{font-size: 18px;font-weight: bold;color: #443181;font-weight: 500; margin-bottom: 5px;}
.developmentcourse .swiper-slide .info .padding p{font-size: 13px;color: #666; line-height: 22px;}
.developmentcourse .swiperTab{display: flex; justify-content: space-between;position: relative;}
.developmentcourse .swiperTab li{font-size: 10px;color: #fff; position: relative;padding-top: 10px; z-index: 4;}
.developmentcourse .swiperTab li:after{position: absolute;content: "";left: 50%; margin-left: -6px;top: 30px; width: 8px;height: 8px;border-radius: 20px; background: none;border: #fff solid 2px;}
.developmentcourse .swiperTab li:before{display: none;}
.developmentcourse .swiperTab li.active{color: var(--color);}
.developmentcourse .swiperTab li.active:after{background:var(--color);border-color: var(--color);}
.developmentcourse .swiperTab li:last-child:before{display: none;}



.news {position: relative; overflow: hidden}
.news .bg{position: absolute;left: 0px;right: 0px;top: 0px;bottom: 0px;z-index: 1; width: 100%;height: 100%; object-fit: cover;transform: scale(1.1);}
.news h2{ position:absolute; left: 20px; top: 10%; z-index: 32; font-weight:bold;font-size:26px; color:rgba(255, 255, 255, 0.25); }
.news h1{ position:absolute; left: 20px; top: 12%; z-index: 32; font-weight:bold;font-size:24px;font-weight: normal; color:rgba(255, 255, 255, 1); }
.news .content{ position: absolute; z-index:32;top: 150px; left:20px;font-size:14px; line-height:2em; right: 20px;display:initial; justify-content: space-between;}
.news .content .left{width: 100%; margin-bottom: 10px;overflow: hidden;}
.news .content .left a{display: block; position: relative;height: 280px;}
.news .content .left a:after{ height:280px; position:absolute;left:0px;right:0px;bottom:0px;content:"";background: linear-gradient(0deg, rgba(68, 49, 129, 1), rgba(68, 49, 129, 0));   }
.news .content .left a .img{overflow: hidden;}
.news .content .left a .img img{width: 100%; display: block; height: 100%;object-fit: cover;}
.news .content .left a h3{ position:absolute; left:10px;right:10px; color:#fff; bottom:43%; z-index:3;font-size:18px;font-weight:normal; display: -webkit-box;  -webkit-line-clamp:1;  -webkit-box-orient: vertical; overflow: hidden; }
.news .content .left a:hover h3{ bottom:45%}
.news .content .left a p{ position:absolute; left:10px;right:10px; color:#fff; bottom:30%; z-index:3;font-size:14px;font-weight:normal;display: -webkit-box;  -webkit-line-clamp:1;  -webkit-box-orient: vertical; overflow: hidden;  }
.news .content .left a .detail{display: flex; justify-content: space-between; position:absolute; left:10px;right:10px; color:#fff; bottom:5%; z-index:3; position:absolute;border-top:rgba(255, 255, 255, 0.6) solid 1px; padding-top:5px; }
.news .content .left a .detail span{font-size: 14px;color: #fff;}
.news .content .right{width: 100%;}
.news .content .right ul li{display: flex; justify-content:space-between; margin-bottom: 10px;background: #fff;}
.news .content .right ul li .img{width: 30%;overflow: hidden;height: 76px;}
.news .content .right ul li .img img{width: 100%; height: 100%; object-fit: cover;}
.news .content .right ul li .info{width: 64%; position: relative;padding:1% 3%; }
.news .content .right ul li .info h3 {margin-bottom: 7px;padding-top: 0px;display: -webkit-box;  -webkit-line-clamp:1;  -webkit-box-orient: vertical; overflow: hidden;}
.news .content .right ul li .info h3 a{color:#444;font-size:16px;}
.news .content .right ul li:hover .info h3 a{color:#443181;font-size:16px;}
.news .content .right ul li .info p{display:none;  }
.news .content .right ul li .info .cate{ position:absolute; left:0px;bottom:30px; }
.news .content .right ul li .info .cate span{background: #98c431;color: #fff;font-size: 14px; padding: 4px} 
.news .content .right ul li .info .cate strong{font-weight: normal;font-size: 14px;color: #666;} 
.news .content .right ul li .detail {display: flex; justify-content: space-between;}
.news .content .right ul li .detail span{color: #333;font-size: 14px;}
.news .content .right ul li:last-child{margin-bottom: 0px;}

.news .content .right ul li:hover .info h3 a{color:#443181;font-size:16px;}


.footer{background:url(../images/footerbg.jpg) no-repeat #443181; overflow: hidden;padding-top: 0px;padding-left: 20px;padding-right:20px;}
.footer .menu{ display:initial;justify-content: space-between;margin-bottom: 20px;display: none;}
.footer .item{width: 100%; margin-bottom: 20px;}
.footer .item h3{font-size: 13px;color: #fff;margin-bottom:20px; position: relative;}
.footer .item h3:after{width: 30px; height:1px; position: absolute;content: "";left: 0px;bottom: -10px;background: #fff;}
.footer .item ul{ display:flex;justify-content: space-between;flex-wrap: wrap;}
.footer .item ul:after{width: 33.33%;content: ""}
.footer .item ul li{margin-bottom: 5px;width: 33.33%;}
.footer .item ul li a{font-size: 14px;color: #fff;}
.footer .wechat {width: 100%;}
.footer .wechat img{width: 120px;}
.footer .wechat p{font-size: 14px;padding-top: 10px; text-align: center;color: #fff;}
.footer .link{display: none;}
.footer .copy{color: #fff;font-size: 14px;padding-top: 30px; padding-bottom: 30px; line-height: 1.8em;text-align: center;}
.footer .copy span{float: none;display: block;}
.footer .copy a{color: #fff;}


/************************************************************************内页开始****************************************************************/
.detailbanner{margin-top: 60px;}
.detailbanner .pagewidth{height: 160px;}
.detailbanner .pagewidth h2{color:#fff;font-size:24px;text-align: center;padding-top: 50px;margin-bottom: 4px;}
.detailbanner .pagewidth p{color:#fff;font-size:12px;text-align: center; text-transform: uppercase;}


.detailmenu .pagewidth{background: #fff;margin-top: -30px; box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);position: relative;z-index: 4;border-radius: 6px;}
.detailmenu ul{float: none; padding:10px 20px; display: flex; justify-content:space-between; flex-wrap: wrap;}
.detailmenu ul:after {content: "";width: 33.33%;}
.detailmenu ul li{float: none;margin-right: 0px;text-align: center;}
.detailmenu ul li a{color: #333; display: block; height: 40px; line-height: 40px;font-size: 13px;}
.detailmenu ul li a:hover{color: var(--color);}
.detailmenu ul li.active a{color: var(--color)}
.detailmenu ul li.active{position: relative;}
.detailmenu ul li.active:after{position: absolute;content: "";bottom: 0px;left: 0px;right: 0px;height: 2px;background: var(--color)}
.detailmenu span{display: none;}
.detailpadding{ padding-top:30px; padding-bottom:50px; }


/*发展历程*/
.developmenthistory{ background: url(../images/bg1.jpg) no-repeat center;background-size: cover;}
.developmenthistory .content{ font-size:14px; line-height:2em; }
.developmenthistory .swiper-slide{display:initial;justify-content: space-between;}
.developmenthistory .swiper-slide .img {width: 100%;}
.developmenthistory .swiper-slide .img img{width: 100%;display: block;}
.developmenthistory .swiper-slide .info{width: 100%;background: #f7f9fb;}
.developmenthistory .swiper-slide .info .padding{padding: 15px;}
.developmenthistory .swiper-slide .info .padding h3{font-size: 18px;font-weight: bold;color: #443181;font-weight: 500; margin-bottom: 5px;}
.developmenthistory .swiper-slide .info .padding p{font-size: 13px;color: #666; line-height: 1.5em}
.developmenthistory .swiperTab{display: flex; justify-content: space-between;position: relative;}
.developmenthistory .swiperTab li{font-size: 10px;color: #333; position: relative;padding-top: 10px; z-index: 4;}
.developmenthistory .swiperTab li:after{position: absolute;content: "";left: 50%; margin-left: -6px;top: 40px; width: 8px;height: 8px;border-radius: 20px; background: none;border: #333 solid 2px;}
.developmenthistory .swiperTab li:before{display: none;}
.developmenthistory .swiperTab li.active{color: #333;}
.developmenthistory .swiperTab li.active:after{background:#333;}
.developmenthistory .swiperTab li:last-child:before{display: none;}


/*公开文件列表*/
.unclassifieddocumentlist ul{display:initial; justify-content: space-between;flex-wrap: wrap;}
.unclassifieddocumentlist ul li{width:auto; margin-bottom: 20px; padding-left:20px; padding-right: 20px; background: #f0f0f0;height: 90px;display: flex; justify-content: space-between; align-items: center;}
.unclassifieddocumentlist ul li h2{font-size: 16px;line-height: 1.6em;}
.unclassifieddocumentlist ul li h2 a{color: var(--color);}
.unclassifieddocumentlist ul li span{font-size: 14px;}
.unclassifieddocumentlist ul li span a{color: var(--color);}
.unclassifieddocumentlist ul li:hover{background: var(--color)}
.unclassifieddocumentlist ul li:hover a{color: #fff;}
.singlegkwj img{width:100% !important;height:auto !important;}

/*公开文件详情*/
.unclassifieddocumentdetail{}
.unclassifieddocumentdetail h2{color: var(--color); text-align: center; font-size: 24px; padding-bottom: 40px;border-bottom: #e1e1e1 solid 1px;}
.unclassifieddocumentdetail .html{padding-top: 40px;}
.unclassifieddocumentdetail .html img{display: block; margin:0 auto;width: 100%;}

/*管理团队*/
.teamlist .top{display:initial; justify-content: space-between; align-items: center; padding-bottom: 50px;}
.teamlist .top .img{width: 100%;height: 400px;margin-bottom: 20px;}
.teamlist .top .img img{width: 100%; height: 100%;object-fit: cover;}
.teamlist .top .info{width: 100%; margin-bottom: 30px;}
.teamlist .top .info .title strong{font-weight: bold; font-size: 32px;color: #333; margin-right: 22px;}
.teamlist .top .info .title span{color: #333; font-size: 16px;}
.teamlist .top .info .title{ margin-bottom: 20px; }
.teamlist .top .info .zhiwei{color: #333; font-size: 16px; padding-bottom:20px; border-bottom: #222 solid 2px; margin-bottom:20px;}
.teamlist .top .info .zhiwei strong{margin-right: 22px;}
.teamlist .top .info .description{ line-height: 1.8em; font-size: 14px;color: #333; }
.teamlist .bottom ul{display:initial; justify-content: space-between; flex-wrap: wrap;border-top: #ececec solid 1px; padding-top: 50px;}
.teamlist .bottom ul:after{content: "";width: 31%;}
.teamlist .bottom ul li{width: 100%; margin-bottom: 20px;}
.teamlist .bottom .img{height: 300px;width: 100%;overflow: hidden;}
.teamlist .bottom .img img{width: 100%; height: 100%;object-fit: cover;}
.teamlist .bottom .info{background: #f7f7f7; padding: 20px;}
.teamlist .bottom .info .title strong{font-weight: bold; font-size: 24px;color: #333; margin-right: 16px;}
.teamlist .bottom .info .title span{color: #333; font-size: 14px;}
.teamlist .bottom .info .title{ margin-bottom: 10px; }
.teamlist .bottom .info .zhiwei{color: #333; font-size: 14px; }
.teamlist .bottom .info .zhiwei strong{margin-right: 22px;}

/*客户监督*/
.supervision h2{color: var(--color);font-weight: normal;font-size: 24px;padding-bottom: 30px;}


/*加入我们*/
.accordion{border-bottom: #ececec solid 1px;}
.accordion li {background: #fff;border: #ececec solid 1px; border-bottom: none;}
.accordion .link {padding: 20px;  cursor: pointer; display: block; color: #333333; font-size: 18px; font-weight: bold; position: relative; transition-duration: 0.3s;}
.accordion .link dl{display: flex; justify-content: ;padding-top:10px;flex-wrap: wrap;}
.accordion .link dl dd{width: 50%;line-height: 30px; font-weight: normal; font-size: 13px;color: #333; text-align: left;}
.accordion .link .time{ font-size: 14px; position:initial;display: block; padding-top: 10px; right: 100px;color: #666;font-weight: normal; }
.accordion li:last-child .link {  border-bottom: 0;}
.accordion li i {position: absolute;top: 20px;right:20px; font-size: 18px;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordion li i.ri-add-circle-fill {left: auto;font-size: 28px;color:var(--color);}
.accordion li.open{ background: #f5f6f7; }
.accordion li.open .link {color: #fff;background:var(--color);}
.accordion li.open i { color: #fff;}
.accordion li.open i.ri-add-circle-fill {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.accordion li.open .link dl dd{color: #fff; }
.accordion li.open .link .time{ color: #fff; }
.subcontent {display: none;font-size: 16px;line-height: 2em; padding: 30px; padding-top: 20px;}
.subcontent .shenqing {border-top: #dadada solid 1px; padding-top: 30px;}
.subcontent .shenqing a{display: inline-block;padding: 8px 40px;color: #fff;background: var(--color);}


/*联系我们*/
.page_contact .top{display:initial; justify-content: space-between; margin-bottom: 50px;}
.page_contact .top .info{width: 92%; background: #f3f6fa;padding: 4%; }
.page_contact .top .info h2{font-size: 20px; padding-bottom: 20px;color: var(--color); border-bottom: #ddd solid 1px; margin-bottom: 20px;}
.page_contact .top .info ul li{font-size: 16px; color: #333; line-height: 40px;}
.page_contact .top .info ul li span img{height: 22px; margin-right: 5px; position: relative; top: 6px;}
.page_contact .top .map{width: 100%;height:400px;}
.page_contact .top .info dl{display: flex; justify-content: left; padding-top: 30px;}
.page_contact .top .info dl dd{ margin-right: 2.5%;width:47%;}
.page_contact .top .info dl dd img{ width:100%}
.page_contact .top .info dl dd p{font-size: 14px;color: #333; padding-top: 10px; text-align: center;}
.page_contact .bottom{display:initial; justify-content: space-between;margin-bottom:40px; flex-wrap:wrap; padding-bottom: 20px;}
.page_contact .bottom:after{content: ""; width: 100%}
.page_contact .bottom .item{background: #f3f6fa; width: 94%;padding: 3%; padding-bottom: 20px;margin-bottom:20px;}
.page_contact .bottom .item h4{font-size: 20px; padding-bottom: 20px;border-bottom: #ddd solid 1px; margin-bottom: 20px;padding-top: 10px;}
.page_contact .bottom .item ul li{font-size: 16px; color: #333; line-height: 30px; position: relative; padding-left: 106px; margin-bottom: 10px;}
.page_contact .bottom .item ul li span{position: absolute;left: 0px;}
.page_contact .bottom .item ul li span img{height: 22px; margin-right: 5px; position: relative; top:5px;}
.page_contact .fen{position: relative;}
.page_contact .fen h2{font-size: 24px;color: #433081;font-weight: normal; margin-bottom: 10px;padding-top: 40px; }
.page_contact .fen .title{margin-bottom: 30px;}
.page_contact .swiperTab{float: none; padding-top:0px; position:initial;right: 0px;top: 0px;}
.page_contact .swiperTab li{font-size: 14px; margin-left: 0px; margin-right: 10px}
.page_contact .swiperTab li{float:left;border-radius: 20px; color: #666;background: #f3f6fa; padding:8px 12px; }
.page_contact .swiperTab li.active{background: var(--color);color: #fff;}


/*企业文化*/
.culture ul {display: initial; justify-content: space-between; flex-wrap: wrap;}
.culture ul li{width: auto;padding:5%; background: #f7f7f7; margin-bottom: 10px;}
.culture ul li h2{margin-bottom: 20px; color: var(--color);font-size: 22px;line-height: 40px; font-weight: normal;border-bottom: #e4e4e4 solid 1px; padding-top: 0px; padding-bottom: 10px;background: url(../images/logogray.png) no-repeat right top}
.culture ul li p{font-size: 15px;color: #666; line-height: 1.8em;}
.culture ul:after{width: 30%;content: ""}

/*荣誉资质*/
.honor {background: url(../images/bg2.jpg) no-repeat center;background-size: cover;}
.honor ul {display:flex; justify-content: space-between; flex-wrap: wrap;width: 100%;}
.honor ul li{width: 47%; margin-bottom:30px;margin-right:0; transition-duration: 0.3s}
.honor ul li:hover{transform: scale(1.1);}
.honor ul li .img{overflow: hidden;}
.honor ul li .img img{width: 100%;display: block;box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1)}
.honor ul li p{text-align: center; padding-top: 20px;font-size: 13px;color: #666;}
.honor ul:after{content:""; width: 34%}


/*关于我们*/
.about_box{}
.about_content{padding-bottom: 20px;padding-left: 20px; padding-right: 20px;}
.about_content .pagewidth{display: initial;justify-content: space-between;}
.about_content .pagewidth .img{width: 100%; margin-left: 0%;}
.about_content .pagewidth .img img{width: 100%;display: block;}
.about_content .pagewidth .content{width: 100%; padding-left: 0%}
.about_content .pagewidth .content h2{margin-bottom: 10px;font-size: 24px;color: var(--color);padding-top: 30px;}
.about_content .pagewidth .content p{line-height: 1.8em;font-size: 14px;color: #666; margin-bottom: 30px;}
.about_content .pagewidth .content{background: url(../images/map.jpg) no-repeat center;background-size: 100%;}
.about_content .pagewidth .content .number{padding-top: 20px;}
.about_content .pagewidth .content .number ul{display: flex; justify-content: space-between;flex-wrap: wrap;}
.about_content .pagewidth .content .number ul li{width: 50%;}
.about_content .pagewidth .content .number ul li strong{font-family: 'Barlow Condensed';font-size: 48px; color: var(--color);}
.about_content .pagewidth .content .number ul li span{font-size: 18px;font-weight: bold; padding-left: 10px;}
.about_text{background: url(../images/bg3.jpg) no-repeat;background-size: cover;background-attachment: fixed;}
.about_text .pagewidth{padding-top: 100px; padding-bottom: 100px;}
.about_text .pagewidth .content{padding-left: 5%; padding-right:5%;color: #fff; line-height: 1.8em;font-size: 14px; text-align: center;}
.about_map {padding-top: 30px;}
.about_map .pagewidth{padding-top: 40px;display:initial;justify-content: space-between;}
.about_map .content{width: auto;padding-left: 20px;padding-right: 20px;}
.about_map .content h3{color: var(--color); font-size: 20px;font-weight: normal; line-height: 1.6em;}
.about_map .content span{display: block;width: 40px; height: 3px;margin-top: 20px; margin-bottom: 20px;background: var(--color);}
.about_map .content p{font-size: 15px;color: #333;line-height: 2em; margin-bottom: 22px;}
.about_map .content ul{display:initial;justify-content: space-between; flex-wrap: wrap;padding-top: 50px;}
.about_map .content ul:after{content: "";width: 28%;}
.about_map .content ul li{background: #f4f4f4;width: auto;color: #333333; padding:6% 3%;border-radius: 12px;font-size: 14px; line-height: 2em;  margin-bottom:15px;}
.about_map .content ul li:nth-child(2n-1){background: linear-gradient(0deg, #463285, #6851b7);color:#fff;  }
.about_map .map{width: auto; padding-top: 30px;padding-left: 20px; padding-right: 20px;}


/*下载专区*/
.downlist ul{display:initial;justify-content: space-between;flex-wrap: wrap;}
.downlist ul:after{content: "";width: calc(28% + 40px);}
.downlist ul li{width: auto;border-radius: 6px; padding: 20px;height: 90px; position: relative; border:#ebebeb solid 1px; margin-bottom: 20px;}
.downlist ul li h2{font-size:16px;margin-bottom: 40px;}
.downlist ul li p{font-size: 14px;color: #666666; position: absolute; left: 20px;bottom: 20px;}
.downlist ul li p i{ position:relative; top:2px; }
.downlist ul li p span{margin-right: 30px;}
.downlist ul li a{ position:absolute;right:20px; font-size:36px; top:45px;color:#333; }
.downlist ul li:hover{border:var(--color) solid 1px;background: var(--color)}
.downlist ul li:hover h2{color: #fff;}
.downlist ul li:hover p{color: #fff;}
.downlist ul li:hover a{color: #fff;}


/*新闻列表*/
.newslist{background: #fefefe;}
.newslist ul{display:initial;justify-content: space-between;flex-wrap: wrap;}
.newslist ul:after{content: "";width: calc(28% + 40px);}
.newslist ul li{width: auto;border-radius: 6px; position: relative; background: #fff; box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);transition-duration: 0.3s; margin-bottom: 20px;overflow: hidden;}
.newslist ul li .img{overflow: hidden;}
.newslist ul li .img img{width: 100%;display: block;transition-duration: 0.3s}
.newslist ul li .info{padding: 20px;height: 100px; position: relative;}
.newslist ul li .info h2{font-size: 14px; line-height: 1.4em;font-weight: normal;}
.newslist ul li .info h2 a{color: #333;}
.newslist ul li .info p{position: absolute; left: 20px; bottom: 20px;font-size: 14px;color: #666;}
.newslist ul li .info p span{ margin-left:15px; margin-right:15px; }
.newslist ul li:hover{box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.2);transform: translateY(-3px);}
.newslist ul li:hover .img img{transform: scale(1.1);}


.newsdetail .title h2{font-size: 24px;text-align: center;font-weight: normal; margin-bottom: 40px;}
.newsdetail .title p{font-size: 14px; text-align: center; padding-bottom: 20px; border-bottom: #ddd solid 1px;}
.newsdetail .title p span{margin-left:10px; margin-right:10px;color: #666;}
.newsdetail .html{padding-top: 30px; padding-bottom: 30px; line-height: 2em;color: #333;font-size: 16px;}
.newsdetail .html p img{margin: 10px auto;display: block;width:100% !important;}
.newsdetail .other{padding-top: 20px;border-top: #ddd solid 1px;display: flex;justify-content: space-between; margin-bottom: 30px;}
.newsdetail .other a{font-size: 16px;color: #666;}
.newsdetail .back { text-align:center; }
.newsdetail .back a{display: inline-block;background:var(--color);font-size: 16px;color: #fff; padding: 20px 40px; border-radius: 3px;} 

.detailmenu ul li.down a{height: auto;line-height: 25px;text-align: left;}

/*业务范围*/
.business .title{font-size: 20px;color: var(--color); line-height: 41px;border-bottom: #ddd solid 1px; padding-bottom: 20px; margin-bottom: 20px;}
.business .title a{color: #fff;background: var(--color);float: right;font-size: 14px;border-radius: 3px; padding-left: 20px; padding-right: 20px;}
.business .html h3{color: var(--color);font-size:20px;font-weight: normal;padding-top: 20px;}
.business .html p{text-indent: 2em; line-height: 2em;color: #333;}
.business .html p img{margin: 10px auto;display: block;width:100% !important;}

.business .back { text-align:center;border-top:#ddd solid 1px; padding-top:30px; margin-top:30px; }
.business .back a{display: inline-block;background:var(--color);font-size: 16px;color: #fff; padding: 20px 40px; border-radius: 3px;} 



/*证书查询*/
.certificatequery .img{margin-bottom: 50px;}
.certificatequery .img ul{display:initial;justify-content: space-between}
.certificatequery .img ul li{width: 100%; position: relative;margin-bottom: 20px;}
.certificatequery .img ul li h2{color: #fff; position: absolute;font-size: 24px; text-align: center; padding-top: 45px; line-height: 1.6em; left: 0px;right: 0px; color: #fff;}
.certificatequery .img ul li img{width: 100%;display: block;}
.certificatequery h2{color: var(--color);font-weight: normal;font-size: 30px;padding-bottom: 40px;}
.certificatequery .layui-form-item .layui-input-inline{width: 100%!important; left: 0px!important; margin: 0!important}

.result {padding-top: 40px;}
.result .result_title {position: relative;margin-bottom: 30px;}
.result .result_title:after{content: ""; position: absolute;left: 0px;top: 20px; right: 0px;border-top: #ddd solid 1px; z-index: 1;}
.result .result_title span{background: #fff; margin: 0 auto;width: 140px;display: block; text-align: center;position: relative;z-index: 2;color: var(--color);font-size: 18px;}
.result .result_title span img{display: block;width: 24px;margin: 0 auto;}
.result .result_content{padding: 30px;background: #f7f7f7;}
.result .result_content table{width: 100%;}
.result .result_content table th{padding: 6px;text-align: center;color: var(--color);font-size: 12px;font-weight:normal;background:#f7f7f7;border:#ddd solid 1px;}
.result .result_content table td{padding: 6px;font-size: 12px; text-align: center;background:#f7f7f7;border:#ddd solid 1px;}


.organization img{display: block;margin: 0 auto;width: 100%}



.layui-form-label{text-align: left!important;padding-left: 0!important;float: none!important}
.layui-form-item{margin-bottom: 25px!important;}
.layui-form-item .layui-input-inline{width: 100%!important; margin: 0!important}
.layui-input-block{margin-left:0px!important;}
.layui-form-submit{text-align: center;padding-top: 10px;}
.layui-form-submit .layui-btn{background:var(--color); padding: 5px 40px; height: auto; line-height: auto}
.layui-form-item .layui-form-checkbox{margin-top: 2px!important; margin-bottom: 20px!important;}
.layui-form-checkbox{height: 48px!important;line-height: 48px!important;}
.layui-form-checkbox i{height: 48px!important;border:none!important; line-height: 48px!important;background: #fff!important;color: #fff!important;border-radius: 0px 50px 50px 0px!important;padding-left: 10px!important;color: #c7c7c7!important; padding-right: 10px!important;border:#c7c7c7 solid 1px!important;border-left: none!important}
.layui-form-checkbox span{border-radius: 50px 0px 0px 50px!important;padding-left: 20px!important;padding-right: 20px!important;border:#c7c7c7 solid 1px!important;background: #fff!important;color: #333!important;}
.layui-form-checked i{background: var(--color)!important;border:var(--color) solid 1px!important;}
.layui-form-checked span, .layui-form-checked:hover span{background: var(--color)!important;color: #fff!important;border:var(--color) solid 1px!important;}

.m_r_show{ display:block; }
.m_r_showindex{ display: block;}
.detailmenu ul li.down1 a{color: var(--color);font-weight: bold;}

.detailmenu ul{width:89%;}
.detailmenu ul li.down {
    width: auto !important;margin-right: 5px;margin-bottom: 10px;
}

.detailmenu .pc-ny-nav{display:none;}
.wap-nav{display:block;width: 100%;padding: 15px;}
.wap-nav .left_nav2{width: 100%;}
.wap-nav .list_dl{display: flex;flex-wrap: wrap;justify-content: space-between;}
.wap-nav .list_dt{width: 42%;font-size: 14px;line-height: 35px;display: inline-block;}
.wap-nav .list_dt a{color: #433081;}
.wap-nav .list_dt a i{float: right;}
.wap-nav .list_dd{display: none;position: absolute;background: #fff;top: 54px;box-shadow: 0px -1px 10px rgba(0, 0, 0, 0.1);border-radius: 10px;left: 0;
    height: 340px;
    overflow-y: auto;
    overflow-x: hidden;
}
.wap-nav .list_dd ul li{display: block;width: 100%;text-align: left;}
.wap-nav .list_dd ul li a {height: auto;line-height: 24px;margin-bottom: 10px;}
.wap-nav .list_dd_3,.wap-nav .list_dd_4{top:90px;}
.wap-nav .list_dd_5,.wap-nav .list_dd_6{top:125px;}

}
/*手机*/
@media screen and (max-width: 480px) {}
/*小尺寸手机*/
@media screen and (max-width: 320px) {}
/*横屏*/
@media all and (orientation : landscape) {} 
/*竖屏*/
@media all and (orientation : portrait){}